<script setup>
  import MyHeader from './components/MyHeader.vue';
  import MyMain from './components/MyMain.vue';
  import MyFooter from './components/MyFooter.vue';
</script>

<template>
  <MyHeader></MyHeader>
  <MyMain></MyMain>
  <MyFooter></MyFooter>
</template>

<style>
  body {
    background-color: #ccc;
    box-sizing: border-box;
  }
  #app {
    width: 300px;
    height: 550px;
    background-color: rgb(115, 170, 219);

    margin: 300px auto;
    padding: 12px 20px;

    box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
  }
</style>
